<!DOCTYPE HTML>
<html lang="zh-cn">
    <head>
        <title>{stl.sitename} | 用户中心</title>
      <stl:include file="/include/head.html"></stl:include>
    </head>
    <body>
    <div class="container">
        <stl:include file="/include/header.html"></stl:include>

        <div class="content user">
            <div class="row">

                <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4 col-md-push-8 col-lg-push-8">
                    <div class="section profile">
                        <div class="profile-main">
                            <div class="profile-avatar">
                                <div class="info-icon">
                                    <div class="box-f">
                                        <div class="box-s">
                                            <div class="box-t img-responsive" style="background-image: url(/Public/images/default-avatar.png);">
                                                <div class="overlay">
                                                    <a href="/User/avatar"><span class="glyphicon glyphicon-pencil" aria-hidden="true"></span></a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!--<img class="img-responsive img-circle avatar-l center-block" src="/Public/images/default-avatar.png" />-->
                            </div>
                            <div class="profile-name f-18">wee1217_126<span class="f-sub"></span></div>
                            <div class="profile-block">
                                <span class="f-14">在上: <span class="f-14 f-main">0</span></span>
                                <span class="f-14">上过: <span class="f-14 f-main">0</span></span>
                                <span class="f-14">想上: <span class="f-14 f-main">0</span></span>
                            </div>
                            <div class="profile-block">
                                <div class="info-line">手机: <span>未填写</span></div>
                                <div class="info-line">邮箱: <span>wee1217@126.com</span></div>
                            </div>
                        </div>
                        <div class="actions clearfix">
                            <!--
                            <a role="button" class="btn btn-primary" href="/Message">消息盒子 <span class="badge"></span></a>-->
                            <a role="button" class="btn btn-primary" href="/member/index.html">设置</a>
                        </div>
                    </div>


                </div>

                <div class="col-xs-12 col-sm-12 col-md-8 col-lg-8 col-md-pull-4 col-lg-pull-4">

                    <div class="section">
                        <!-- Nav tabs -->
                        <nav>
                            <ul class="nav nav-tabs">
                                <li role="presentation" class=""><a id="news-tab" href="#feeds" aria-controls="feeds" role="tab" data-toggle="tab" aria-expanded="false">动态</a></li>
                                <li role="presentation" class="active"><a id="courses-tab" href="#courses" aria-controls="courses" role="tab" data-toggle="tab" aria-expanded="true">课程</a></li>
                                <li role="presentation" class=""><a id="friends-tab" href="#friends" aria-controls="friends" role="tab" data-toggle="tab" aria-expanded="false">好友</a></li>
                            </ul>
                        </nav>

                        <!-- Tab panes -->
                        <div class="tab-content">
                            <!-- Tab Feeds -->
                            <ul role="tabpanel" class="tab-pane fade" id="feeds">
                                                                <div class="no-item">暂无动态，快去关注课程吧</div>                        </ul>
                            <!-- Tab Courses -->

                            <ul role="tabpanel" class="tab-pane fade active in" id="courses" href="#courses">
                                <h5>在上0门课程</h5>
                                <div class="seg">
                                    <div class="row">
                                                                        </div>
                                </div>

                                <h5>上过0门课程</h5>
                                <div class="seg">
                                    <div class="row">
                                                                        </div>
                                </div>
                                <h5>想上0门课程</h5>
                                <div class="seg">
                                    <div class="row">
                                                                    </div>
                                </div>
                            </ul>
                            <!-- Tab Friends -->
                            <ul role="tabpanel" class="tab-pane fade" id="friends" href="#friends">
                                <div class="row">
                                                                        <div class="no-item">我还没有好友</div>                            </div>
                            </ul>
                        </div>
                    </div>

                </div>

            </div>
        </div>
    </div>
    <stl:include file="/include/footer.html"></stl:include>
    <stl:include file="/include/bottom-bar.html"></stl:include>
    <stl:include file="/include/bottom.html"></stl:include>
    <script>
        $("#nav-index").removeClass('active');
        $("#nav-course").addClass('active');
    </script>
    </body>
</html>
